<template>
  <router-link to="/" class="f-c-c w-full nowrap-hidden">
    <system-logo class="text-32 text-primary" />
    <h2
      v-show="showTitle"
      class="pl-8 text-16 font-bold text-primary transition duration-300 ease-in-out"
      text="16 bold"
    >
      {{ "?????" }}
    </h2>
  </router-link>
</template>

<script setup lang="ts">
defineOptions({ name: "GlobalLogo" });

interface Props {
  /** 显示名字 */
  showTitle: boolean;
}

defineProps<Props>();
</script>

<style scoped></style>
